<!DOCTYPE html>

<html>
	<head>
		<meta charset="UTF-8">

		<title>人人网注册页面</title>

		<style>

			#top p{

				font-size: 16px;

			}

			#top p span{

				font-weight: bold;

			}

			#top .reg-btn{

				/*重点,鼠标形状*/

				cursor:pointer;

				background: #7EB663;

				border:none;

				font-weight: normal;

				color:#fff;

				width: 150px;

				height:26px;

				letter-spacing:8px;/*字间距为8px*/

				border-radius:4px;/*圆角*/

			}

		</style>

	</head>

	<body>

		<div id="top">

			<img src="../img/renren_titile.gif" />

			<p>人人网，中国 <span>最真实、最有效</span>的社会平台，加入人人网，找回老朋友，结交新朋友。</p>

			<tr>

				<th>电子邮箱:</th>

				<td>

					<input type="text" name="email" placeholder="请输入电子邮箱"/>

					<br />

					<br />

				</td>

			</tr>

			<tr>

				<th>设置密码:</th>

				<td>

					<input type="password" name="pwd" placeholder="请输入密码"/>

					<br />

				</td>

			</tr>

			<tr>

				<br />

				<th>真实姓名:</th>

				<td>

					<input type="text" name="username" placeholder="请输入真实姓名"/>

					<br />

					<br />

				</td>

			</tr>

			<tr>

				<th>性别:</th>

				<td>

					<input type="radio" name="gender" checked/>男

					<input type="radio" name="gender" />女

				</td>

			</tr>

			<br />

			<br />

			<tr>

					<th>生日:</th>

					<td>

						<select name="year" size="1">

							<option value="1991" selected>1991</option>

							<option value="1992" >1992</option>

							<option value="1993">1993</option>

							<option value="1994">1994</option>

							<option value="1995" >1995</option>

							<option value="1996">1996</option>

							<option value="1997">1997</option>

							<option value="1998" >1998</option>

							<option value="1999">1999</option>

							<option value="2000">2000</option>

							<option value="2001" >2001</option>

							<option value="2002">2002</option>

							<option value="2003">2003</option>

							<option value="2004" >2004</option>

							<option value="2005">2005</option>

							<option value="2006">2006</option>

						</select>

						<select name="month">

						<option value="1" selected>1</option>

						<option value="2">2</option>

						<option value="3">3</option>

						<option value="4">4</option>

						<option value="5">5</option>

						<option value="6">6</option>

						<option value="7">7</option>

						<option value="8">8</option>

						<option value="9">9</option>

						<option value="10">10</option>

						<option value="11">11</option>

						<option value="12">12</option>

						</select>

						<select name="day">

							<option value="1" selected>1</option>

							<option value="2">2</option>

							<option value="3">3</option>

							<option value="4">4</option>

							<option value="5">5</option>

							<option value="6">6</option>

							<option value="7">7</option>

							<option value="8">8</option>

							<option value="9">9</option>

							<option value="10">10</option>

							<option value="11">11</option>

							<option value="12">12</option>

							<option value="13">13</option>

							<option value="14">14</option>

							<option value="15">15</option>

							<option value="16">16</option>

							<option value="17">17</option>

							<option value="18">18</option>

							<option value="19">19</option>

							<option value="20">20</option>

							<option value="21">21</option>

							<option value="22">22</option>

							<option value="23">23</option>

							<option value="24">24</option>

							<option value="25">25</option>

							<option value="26">26</option>

							<option value="27">27</option>

							<option value="28">28</option>

							<option value="29">29</option>

							<option value="30">30</option>

							<option value="31">31</option>

						</select>

					</td>

				</tr>

				<p>为什么要填写我的生日?</p>

				<tr>

					<th>我现在:</th>

					<td>

						<select name="job">

							<option value="" selected>请选择身份</option>

							<option value="老师">老师</option>

							<option value="学生">学生</option>

						

						</select>

					</td>

				</tr>

				<p>

				<img src="../img/renren_code.gif" /><a href="#">看不清楚,换一张?</a>

				</p>

				<tr>

					<th>验证码:</th>

					<td>

						<input type="text" name="yanzheng" />

					</td>

				</tr>

				<br />

				<br />

				<input type="button" value="立即注册" class="reg-btn" />	

		</div>

	</body>

</html>


